“WPBakery Page Builder - Twitter Feed Grid With Carousel” Documentation by “Hitesh Khunt” v1.0

“WPBakery Page Builder - Twitter Feed Grid With Carousel”

Created: 08/04/2018
By: Hitesh Khunt
Email: khunthitesh32@gmail.com

Thank you for purchasing my wordpress plugin. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

Introduction
Main Features
Installation guide
Getting started
Visual Composer Setting
Sources and Credits

A) Introduction - top

Twitter Social Stream for WPBakery Page Builder give you an incredible flexibility to insert whatever you want in posts and pages body

Everyone can use , because it’s fully automatic, and it’s compatible with all recent versions of wordpress!

B) Main Features - top

Responsive Layout option.
Tweets of an user and hashtag
8 Style Available
Twitter Masonry Layout
Twitter Carousel
5 to 1 Columns Support
Custom backgrond Color and hover background color
Loadmore Pagination
Support Multi Language

C) Installation guide - top

This part of the documentation is going to cover, in a step by step instruction the installation of WP Plugins on your WordPress blog in general.

Step 1. The most important task is to make certain you have an upto date backup of your blog! This is always a good thing, not necessarily so important for our plugin but in general.
Step 2. Log into your WordPress Admin area.
Step 3. Look down the left hand column for "Plugins" and then click on the word "Plugins".
Step 4. Just to the right of the title “(Manage) Plugins” in the image above, you can see a button marked "Add New", click this button.

Plugin Upload

Step 5. The image above shows the option to upload the plugin from your own PC, this is the vc-twit-stream.zip inside the zip you had previously downloaded from CodeCanyon. Install the zip and click on "Activate Plugin".

Plugin activation

Installibg by FTP

First, you need a tool for uploading plugin files to your site, you can use filemanager from cPanel or any FTP clients. Some good FTP clients :

Download vc-twit-stream.zip from CodeCanyon
Extract the vc-twit-stream directory to your computer
Upload the vc-twit-stream directory to the /wp-content/plugins/ directory
Activate the plugin in the Plugin dashboard

Also WordPress codex contains instructions on how to do this here.

D) Getting started - top

The simple activation of the plugin is enough to have the desired behavior for all pages.

First Step of this plugin. please click on Twiteer setting on menu. please see below screenshot.

please add social access token and key for related social feed.

Social Stream Settings

Setting Title	Description
Twitter API Token	If you keep seeing the message 'sorry twitter is down and will be right back', it may be a good idea to add your own tokens below. See how to get API Keys and Tokens for Twitter. Leave the fields below empty to use our Default API access tokens.

E) Twitter Stream Visual Composer Addon - top

Twitter Social Stream Visual Composer Grid Creater

Social Settings

Setting Title	Description	Default	Possible Values
Twitter Setting
Select Type	Select twitter feed type.
User name	Enter twitter Page or Profile id.
Count per page limit	Set Limit for feed par page.	5
Enable Cache	Enable Cache.	checked	Yes(checked)
Cache Time	Set Cache Time for Reducing the number of API calls.	15 Minute

General Settings

Setting Title	Description	Default	Possible Values
For Twitter Grid
Feed type	Select Feed type.	Post Type
Skin type	Choose skin type for Social feed layout.
Desktop Columns Count	Choose Desktop(PC Mode) Columns Count	4 Columns
Tablet Columns Count	Choose Tablet Columns Count	3 Columns
Mobile Columns Count	Choose Mobile Columns Count	1 Columns
Post load Effect	Select post load effect.	None
Extra class name	If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.		Add any class name for custom css
Show more	add Show more feed button.	unchecked	Yes(checked)
Show more text	add Show more button text.Default:Show More	None
For Twitter Carousel
Skin type	Choose skin type for Carousel.
Desktop Items Display	The maximum amount of items displayed at a time with the widest browser width > 1000	2
Tablet Items Display	The maximum amount of items displayed at a time with the widest browser width > 600	2
Mobile Items Display	The maximum amount of items displayed at a time with the widest browser width > 0	1
Text Align	Choose Tweet Text Align	Center
Show pagination	Show pagination(Only for svc type = carousel)	unchecked	Yes(checked)
Hide navigation	Display "next" and "prev" buttons.(Only for svc type = carousel)	unchecked	Yes(checked)
Navigation Style	Choose Navigation Style	Box
AutoPlay	Set Slider Autoplay.(Only for svc type = carousel)	unchecked	Yes(checked)
AutoPlay Time(Visible only autoplay "checked")	Set Autoplay slider speed.	5
Hide Box Border and Shadow	Hide Box Border and Shadow.	unchecked	Yes(checked)
Follow Button Below Carousel	Follow Button Below Carousel.	unchecked	Yes(checked)
Hide Follow Count	Hide Follow Count.	unchecked	Yes(checked)
Hide the username from the displayed Follow button	Hide the username from the displayed Follow button.	unchecked	Yes(checked)
Follow Button Style	Choose button style	small
Follow Button Align	Choose button Align	Center
Hide Box Border and Shadow	Hide Box Border and Shadow.	unchecked	Yes(checked)
General Option
Description Length	set Description length.default:150 If you set 0 no display Discription in fronted site.	150
Hide Media	If you check not display Media Image in feed.	unchecked	Yes(checked)
Hide Date	Hide Date.	unchecked	Yes(checked)
Hide Goto Twiteer icon Link	Hide Goto Twiteer icon Link.	unchecked	Yes(checked)
Hide Like,Retweet and Replay	If you check not display Like,Retweet and Replay in feed.	unchecked	Yes(checked)
Tweet Font Size	set Description Tweet Font Size.default:14	14
Hide Social Share	Set Slider Share Icon.	unchecked	Yes(checked)
Add Rendom key For Cache	Add Rendom key For Cache. if update username or Hashtag so please change this random key for remove cache.	Random Generated

Color / Font Settings

Setting Title	Description	Possible Values
Post Background Color	set each post background color.	any color select on color picker
Post hover Background Color	set each post hover background color.	any color select on color picker
Username Color	Set Username Color	any color select on color picker
Tweet Color	set Tweet Color.	any color select on color picker
Tweet link Color	set Tweet link color.	any color select on color picker
Like, Retweet and Repaly Color	set Like, Retweet and Repaly color.	any color select on color picker
Date Color	Set Date Color	any color select on color picker
Navigation and Pagination Color	Set Navigation and Pagination Color	any color select on color picker
Load more Loader and Text Color	set Load More Loader and Text color.	any color select on color picker

F) Sources and Credits - top

I've used the following css files as listed.

Once again, thank you so much for purchasing this wordpress plugin. As I said at the beginning, I'd be glad to help you if you have any questions relating to this plugin. No guarantees, but I'll do my best to assist. If you have a more general question relating to the plugin on codecanyon, you might consider visiting the forums and asking your question in the "support" section.

Hitesh Khunt

Go To Table of Contents